<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<!--
        	作者：肖静怡
        	时间：2018-10-9
        	描述：
		-->
	<body>
		<button id="animateBtn1">点我</button>
		<div id="animate1" style="position: relative; background-color:tan; width: 200px; height: 100px;">
			
		</div>
			<script src="js/jquery-1.11.3.min.js"></script>
			<script type="text/javascript">
			$("#animateBtn1").click(function(){
				window.setInterval(function(){
				$("#animate1").animate({
					left:'1900px',
					
				},600);
				$("#animate1").animate({
					top:'1000px',
					
				},600);
				$("#animate1").animate({
					left:'-=1900px',
					
				},600);
				$("#animate1").animate({
					top:'-=1000px',
					
				},600);
			});
			});
			</script>
	</body>
</html>